.tasks h2,p{
    font-size:100%;
    font-weight:normal;
}
.tasks ul,li{
    list-style:none;
}
.tasks ul{
    overflow:hidden;
    padding:3em;
}
.tasks ul li a{
    text-decoration:none;
    color:#000;
    background:#ffc;
    display:block;
    height:10em;
    width:10em;
    padding:1em;
    -moz-box-shadow:5px 5px 7px rgba(33,33,33,1);
    -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7);
    box-shadow: 5px 5px 7px rgba(33,33,33,.7);
    -moz-transition:-moz-transform .15s linear;
    -o-transition:-o-transform .15s linear;
    -webkit-transition:-webkit-transform .15s linear;
}
.tasks ul li{
    margin:1em;
    float:left;
}
.tasks ul li h2{
    font-size:140%;
    font-weight:bold;
    padding-bottom:10px;
}
.tasks ul li p{
    font-family:"Reenie Beanie",arial,sans-serif;
    font-size:180%;
}
.tasks ul li a{
    -webkit-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    -moz-transform:rotate(-6deg);
}
.tasks ul li:nth-child(even) a{
    -o-transform:rotate(4deg);
    -webkit-transform:rotate(4deg);
    -moz-transform:rotate(4deg);
    position:relative;
    top:5px;

}
.tasks ul li:nth-child(3n) a{
    -o-transform:rotate(-3deg);
    -webkit-transform:rotate(-3deg);
    -moz-transform:rotate(-3deg);
    position:relative;
    top:-5px;

}
.tasks ul li.pr-middle  a {background:rgb(118, 202, 118)}
.tasks ul li.pr-hight  a {background:rgb(255, 95, 95);}

#calendar .pr-hight {background:rgb(255, 95, 95)!important;}
#calendar .pr-middle{background:rgb(118, 202, 118)!important;}

.tasks ul li:nth-child(5n) a{
    -o-transform:rotate(5deg);
    -webkit-transform:rotate(5deg);
    -moz-transform:rotate(5deg);
    position:relative;
    top:-10px;
}
.tasks ul li a:hover,ul li a:focus{
    box-shadow:10px 10px 7px rgba(0,0,0,.7);
    -moz-box-shadow:10px 10px 7px rgba(0,0,0,.7);
    -webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.7);
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -o-transform: scale(1.25);
    position:relative;
    z-index:5;
}
#calendar {
    width: 900px;
    margin: 0 auto;
}
.wrap-task-title{
    clear: both;
    margin-top: 25px;
    width:140px;
    height: 130px;
}
.wrap-task-title:hover{
    cursor: pointer;
}
.selects{height: 160px;margin-left: 15px;}
.selected-filter{float: left;width: 250px;height: 80px;}